<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="./css/main.css">
    <title>空间捉怪兽 V1.0</title>
</head>

<body>
    <div id="contentdiv">
        <div id="startdiv">
            <audio id="beginAuido" src="./audio/begin_audio.mp3" autoplay>
                您的浏览器不支持audio标签,无法播放背景音乐。
            </audio>
            <audio id="clickAuido" src="./audio/click_audio.wav"></audio>
            <p>空 间 捉 怪 兽 V1.0</p>
            <button onclick="begin()">开始游戏</button>
        </div>
        <div id="maindiv">
            <audio id="bgAudio" src="./audio/bg_audio.mp3"></audio>            
            <div id="scorediv">
                <label>分数：</label>
                <label id="label">0</label>
            </div>
            <div id="numdiv">
                <p class="title">累计捕捉怪兽：</p>
                <p>小怪兽：<span class="num">0</span> 个</p>
                <p>大怪兽：<span class="num">0</span> 个</p>
                <p>超级怪兽：<span class="num">0</span> 个</p>                
            </div>
            <div id="suspenddiv">
                <button>继续</button><br/>
                <button>重新开始</button><br/>
            </div>
            <div id="enddiv">
                <p class="plantext">战斗分数</p>
                <p id="planscore">0</p>
                <div><button onclick="go()">继续</button></div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="js/main.js"></script>
</html>